¡Hola 👋! Espera mientras comienza la sesión.
Antes que todo, ¿cómo están?
Visualización de Información
IIC2026 2020-2
Análisis en visualización
Visualización de Información
IIC2026 2020-2
Repaso
Repaso
1. Necesidad de un modelo de trabajo
2. Modelo anidado de análisis y validación
3. Niveles del modelo anidado
¿Cómo es trabajar en Visualización de Información?
| ... | ... | ... |
|---|---|---|
| 400 | 12/02/03 | A |
| 500 | 14/02/03 | B |
| 300 | 15/02/03 | B |
| 400 | 17/02/03 | C |
| ... | ... | ... |
El modelo anidado o framework anidado
Propuesto por Tamara Munzner, en Visualization Analysis and Design.
¿Qué? — datos
¿Por qué? — acciones o tareas
¿Cómo? — codificaciones o idioms
Modelo en cascada de cuatro capas
¡Dudas!
¡Dudas!
- ¿Ejemplo de aplicación? (Loom: Niveles del modelo anidado)
Ejemplo aplicado
Ejemplo aplicado
Empresa de desarrollo de software Gladius SpA desarrolla aplicación de gestión para una corredora de propiedades. Administrativos son capaces de ver todas las propiedades registradas en sistema, ver aquellas arrendadas y monitorear su estado.
Ejemplo aplicado
Empresa de desarrollo de software Gladius SpA desarrolla aplicación de gestión para una corredora de propiedades. Administrativos son capaces de ver todas las propiedades registradas en sistema, ver aquellas arrendadas y monitorear su estado.
Gladius busca ofrecerle más funcionalidades a su cliente (corredora de propiedadees), e intenta buscar oportunidades de visualización que entreguen valor a la herramienta.
Ejemplo aplicado
Empresa de desarrollo de software Gladius SpA desarrolla aplicación de gestión para una corredora de propiedades. Administrativos son capaces de ver todas las propiedades registradas en sistema, ver aquellas arrendadas y monitorear su estado.
Gladius busca ofrecerle más funcionalidades a su cliente (corredora de propiedadees), e intenta buscar oportunidades de visualización que entreguen valor a la herramienta.
Le entregan a alguien este proyecto (a mi).
Ejemplo aplicado
Empresa de desarrollo de software Gladius SpA desarrolla aplicación de gestión para una corredora de propiedades. Administrativos son capaces de ver todas las propiedades registradas en sistema, ver aquellas arrendadas y monitorear su estado.
Gladius busca ofrecerle más funcionalidades a su cliente (corredora de propiedadees), e intenta buscar oportunidades de visualización que entreguen valor a la herramienta.
Le entregan a alguien este proyecto (a mi).
Sin saber donde partir, ¡apliqué el modelo anidado!.
1. Caracterización de dominio
Familiarización con la aplicación actual y el tipo de datos que maneja.
Formación de un perfil de usuario: administrativo de corredora de propiedades.
2. Abstracción de datos y tareas
Identificación y abstracción de datos de la plataforma.
Identificación y abstracción de tareas para usuario objetivo.
3. Codificación visual y de interacción
Con los datos y tareas identificados, se proponen distintas opciones como posibilidades.
Se escogen subconjuntos de datos y tareas, y sobre eso se elige un cómo apropiado.
Idea: Visualizar la totalidad de deudas separadas por arriendos.
Valores aislados distorcionan la codificación, así que se agrega opción de cambiar la escala.
4. Implementación algoritmica
Se implementan dos de las opciones propuestas inicialmente. Se utilizan tecnologías web ya que la aplicación original también lo era.
3. Codificación visual y de interacción (de nuevo)
La totalidad de arriendos con deuda son difíciles de ver en conjunto, por la cantidad de arriendos y por las diferencias en monto.
4. Implementación algoritmica (de nuevo)
¿Qué salió bien?
¿Qué salió bien?
- Se tuvo alguna dirección en un inicio que no tenía.
- Las elecciones de cada paso dieron aporte para el siguiente.
- Durante el proceso se encontraron problemas y se pudo iterar para llegar a una mejor versión.
- Se consiguieron dos visualizaciones que aportaron valor y se siguen usando hoy.
¿Qué pudo mejorar?
¿Qué pudo mejorar?
La primera capa (caracterización de dominio) pudo guiar mucho mejor el proceso si se hubiera tenido contacto directo con los usuarios de la herramienta.
¿Más dudas?
¡Visualización del día!
¿Visualización del día?
¿Visualización del día?
Es un espacio que dedicaremos cada sesión a ver un ejemplo interesante de visualización. También se subirán a Canvas.
¿Visualización del día?
Es un espacio que dedicaremos cada sesión a ver un ejemplo interesante de visualización. También se subirán a Canvas.
La idea es estar continuamente viendo distintos ejemplos de visualización, ya sean buenos o malos.
¿Visualización del día?
Es un espacio que dedicaremos cada sesión a ver un ejemplo interesante de visualización. También se subirán a Canvas.
La idea es estar continuamente viendo distintos ejemplos de visualización, ya sean buenos o malos.
Puedes proponer una visualización para que sea la visualización del día. Hay un formulario en Canvas😄.
Visualización del día
Propuesto por ayudante Vicente Valencia
(Fuente imagen: Exploration of Interpretability Techniques for Deep COVID-19 Classification using Chest X-ray Images)